<ui:component xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:m="http://www.ol4jsf.org"
	xmlns:o="http://openfaces.org/"
	xmlns:a4j="http://richfaces.org/a4j">

	<rich:modalPanel id="uploadFileDlg" minWidth="340" minHeight="230" zindex="15000">
		<f:facet name="header">
			<h:outputText value="Subir archivo con frontera" />
		</f:facet>
		
		<h:form id="frmUploadFile">
			<a4j:jsFunction name="refreshInfo" reRender="info,buttons">
			</a4j:jsFunction>
			<div style="height:170px;width:100%;overflow:auto;">
				<h:panelGroup id="info">
					<h:panelGrid columns="2" width="100%">
						<h:outputText
							value="#{messages['intro2.file']}:"
							style="font-weight:bold;">
						</h:outputText>
						<h:panelGroup>
							<h:outputText
								id="nombreArchivo"
								value="#{interactiveViewerHelper.borderHelper.selectedFile.fileName.toUpperCase()}"
								rendered="#{interactiveViewerHelper.borderHelper.selectedFile != null}">
							</h:outputText>
							<rich:fileUpload rendered="#{interactiveViewerHelper.borderHelper.selectedFile == null}" acceptedTypes="txt,shp"
									allowFlash="false" autoclear="false" noDuplicate="true"
									maxFilesQuantity="1" immediateUpload="true" clearAllControlLabel="" clearControlLabel=""
									fileUploadListener="#{interactiveViewerHelper.borderHelper.attachFileListener}"
									listHeight="80" listWidth="250" addControlLabel="Seleccionar"
									ontyperejected="alert('Formato de archivo no soportado. Debe ser ESRI Shapefile (SHP).')"
									onfileuploadcomplete="refreshInfo()">
							</rich:fileUpload>
						</h:panelGroup>
					</h:panelGrid>
					<br />
					<h:panelGroup rendered="#{interactiveViewerHelper.borderHelper.selectedFile != null}">
						<ul>
							<li>
								<h:outputText value="Haga clic en Aceptar para aplicar los datos de frontera proveniente del archivo" />
							</li>
							<li>
								<h:outputText value="Haga clic en Cancelar para descartar los datos provenientes" />
							</li>
						</ul>
					</h:panelGroup>
				</h:panelGroup>
			</div>
			
			<h:panelGroup id="buttons">
				<div align="center">
					<a4j:commandButton
						value="#{messages['button.ok']}"
						action="#{interactiveViewerHelper.borderHelper.acceptSelectedFile}"
						oncomplete="if (#{facesContext.maximumSeverity == null}) { resetCoordInputs(); drawBoundaryMode(); #{rich:component('uploadFileDlg')}.hide(); } else #{rich:component('msgPanel')}.show();"
						rendered="#{interactiveViewerHelper.borderHelper.selectedFile != null}"
						reRender="coords, bearingAndDistanceTable">
					</a4j:commandButton>
					<o:commandButton
						value="#{messages['button.cancel']}"
						type="button"
						onclick="#{rich:component('uploadFileDlg')}.hide()">
					</o:commandButton>
				</div>
			</h:panelGroup>
		</h:form>
	</rich:modalPanel>

</ui:component>
